 
import { ref } from 'vue'
import style from '../style/index.module.scss'
import { ElForm, ElFormItem, ElInput, ElButton } from 'element-plus';
import type { LoginPage } from '@/type/login';
function login() {
  const formData = ref<LoginPage>({
    username: '',
    password: ''
  })
  // const name = vineProp<string>()
  // console.log(name.value)
  return vine`
  <div  :class="style.loginPage" >
      <h1>登录</h1>
      <ElForm  :model="formData" label-width="auto" >
          <ElFormItem >
          <ElInput  v-model="formData.username" style="width: 300px" placeholder="用户名/邮箱" />
          </ElFormItem>
          <ElFormItem >
          <ElInput v-model="formData.password" style="width: 300px" type="password" placeholder="密码" />
          </ElFormItem>
          <ElFormItem  ><div :class="style.revisePwd">忘记密码?</div></ElFormItem>
          <ElFormItem  ><ElButton :class="style.loginBtn" color="var(--el-color-primary)" >登录</ElButton></ElFormItem>
      </ElForm>
  </div>
  `
}

export default login